<script setup lang="ts">
import IndexAdmin from "./components/IndexAdmin.vue";
import IndexTotal from "./components/IndexTotal.vue";
import IndexSale from "./components/IndexSale.vue";
import IndexOrder from "./components/IndexOrder.vue";
</script>

<template>
  <section class="index_page">
    <div>
      <IndexAdmin></IndexAdmin>
      <IndexTotal></IndexTotal>
    </div>
    <div>
      <IndexSale></IndexSale>
      <IndexOrder></IndexOrder>
    </div>
  </section>
</template>

<style scoped>
.index_page {
  background: #ffffff;
  border-radius: 5px;
  box-shadow: 0px 0px 5px 5px #e4e7ed;
  margin: 20px;
}
.index_page > div {
  display: flex;
  justify-content: space-between;
}
</style>
